<template>
    <div class="video">
        <video-list  :videolist="VideoList"></video-list>

        <!-- loading -->
        <van-loading size="30px"  v-show="this.VideoList.length==0" color="#f03d37">加载中...</van-loading>
    </div>
</template>

<script>
import VideoList from '@/components/VideoList.vue'

export default {
    data(){
        return{
            VideoList:[],
        }
    },
    created(){
        this.getVideoList()
    },
    methods:{
        async getVideoList(){
            let res=await this.axios.get('video/0')
            // console.log(res)
            this.VideoList=res.feeds
        }
    },
    components:{
        VideoList,
    }
}
</script>

<style lang="less" scoped>
/deep/ .van-loading{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  // transform: translateY(-50%);
}
.video{
    margin-top: 50px;
    margin-bottom: 48px;
}
</style>